<template>
    <div id="shade" :style="{background:'rgba(0,0,0,'+opacity+')'}" @touchstart.prevent></div>
</template>

<script>
    export default {
        name:"shade",
        props:{
            opacity:{
                type:Number,
                default:0.8
            }
        }
    }
</script>

<style scoped lang="less">
    #shade{
        position: fixed;
        z-index: 100;
        top:0;
        left:0;
        width: 375px;
        height:100%;
        background: rgba(0,0,0,.8);
    }
</style>
